<script setup>
import useInfoStore from '@/store/user.js'
const infoStore = useInfoStore()

</script>

<template>
  <ul class="userInfo">
    <li>用户名</li>
    <li>{{ infoStore.baseInfo.username }}</li>
    <li>用户id</li>
    <li>{{ infoStore.baseInfo.id }}</li>
    <li>公司网站</li>
    <li style="font-size: 20px;">{{ infoStore.baseInfo.website }}</li>
    <li>资质</li>
    <li>{{ infoStore.baseInfo.qfa }}</li>
    <li>一级行业</li>
    <li>{{ infoStore.baseInfo.findustry }}</li>
    <li>二级行业</li>
    <li>{{ infoStore.baseInfo.sindustry }}</li>
    <li>用户类型</li>
    <li>{{ infoStore.baseInfo.type }}</li>
    <li>批注</li>
    <li>{{ infoStore.baseInfo.annotation }}</li>
  </ul>
</template>

<style lang="less" scoped>
.userInfo{
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  li{
    width: 16%;
    border: 1px solid gainsboro;
    text-align: center;
    line-height: 25px;
    &:nth-child(6n){
      flex-grow: 1;
    }
    &:last-child{
      flex-grow: 1;
    }
  }
}
</style>